//======================切换两个盒子=======================
$('.box a').on('click', function () {
	$(this).parents('.box').hide().siblings().show()
})

//======================表单验证========================

//验证 username 不能为空 长度 2-10
//验证 password 不能为空 长度 6-15

function test() {
	return {
		fields: {
			username: {
				// 这里username是 input 的name属性值，表示对这个输入框进行验证
				validators: {
					notEmpty: {
						//不能为空
						message: '用户名不能为空.'
					},
					stringLength: {
						//检测长度
						min: 2,
						max: 15,
						message: '用户名需要2~15个字符'
					}
				}
			},
			password: {
				validators: {
					notEmpty: {
						message: '密码不能为空'
					},
					stringLength: {
						//检测长度
						min: 6,
						max: 15,
						message: '密码需要6~15个字符'
					}
				}
			}
		}
	}
}

//======================注册 功能=======================

$('.register form')
	.bootstrapValidator(test())
	.on('success.form.bv', function (e) {
		e.preventDefault()
		// 通过验证，这里的代码将会执行。我们将Ajax请求的代码放到这里即可
		let data = $(this).serialize()
		// console.log(data);
		axios.post('/api/register', data).then(({ data: res }) => {
			// console.log(res);
			if (res.code === 0) {
				// 我们只考虑成功的情况即可，失败的情况后续统一使用拦截器处理
				toastr.success(res.message) // 使用插件提示消息
				$('.register input').val('') // 清空输入框
				$('.register').hide().next().show() // 切换至登录的盒子
			}
		})
	})

//======================登录 功能=======================

$('.login form')
	.bootstrapValidator(test())
	.on('success.form.bv', function (e) {
		e.preventDefault()
		//提交逻辑
		// console.log(222);
		let data = $(this).serialize()
		// console.log(data);
		axios.post('/api/login', data).then(({ data: res }) => {
			// console.log(res);
			if (res.code === 0) {
				localStorage.setItem('token', res.token)
				location.href = './index.html'
			}
		})
	})
